// @flow

import React from "react";

const LightBulb = ({ size, color = "currentColor" }: { size: number, color?: string }) => (
  <svg height={size} width={size} viewBox="0 0 12 16">
    <path
      fill={color}
      d="M6 2.5C4.34375 2.5 3 3.875 3 5.5C3 5.78125 3.21875 6 3.5 6C3.75 6 4 5.78125 4 5.5C4 4.40625 4.875 3.5 6 3.5C6.25 3.5 6.5 3.28125 6.5 3C6.5 2.75 6.25 2.5 6 2.5ZM3.5 14.375C3.5 14.4688 3.5 14.5625 3.5625 14.6562L4.34375 15.7812C4.4375 15.9375 4.59375 16 4.75 16H7.21875C7.375 16 7.53125 15.9375 7.625 15.7812L8.40625 14.6562C8.4375 14.5625 8.46875 14.4688 8.46875 14.375V13H3.5V14.375ZM6 0C2.78125 0 0.5 2.59375 0.5 5.5C0.5 6.90625 1 8.15625 1.84375 9.125C2.375 9.71875 3.1875 10.9688 3.46875 12H4.96875C4.96875 11.875 4.96875 11.7188 4.90625 11.5625C4.75 11 4.21875 9.5625 2.96875 8.15625C2.34375 7.40625 2 6.46875 2 5.5C1.96875 3.21875 3.84375 1.5 6 1.5C8.1875 1.5 10 3.3125 10 5.5C10 6.46875 9.625 7.40625 9 8.15625C7.78125 9.53125 7.21875 11 7.0625 11.5625C7.03125 11.6875 7 11.875 7 12H8.5C8.78125 10.9688 9.59375 9.71875 10.125 9.125C10.9688 8.15625 11.5 6.90625 11.5 5.5C11.5 2.46875 9.03125 0 6 0Z"
    />
  </svg>
);

export default LightBulb;
